@import "./def";

.body {
    --treeWidth: #{$tree_width};
    --listWidth: calc(100vw - var(--treeWidth) - #{$resize_toggle_width});
    display: flex;
    height: $body_height;
    overflow: hidden;
}

.resize_toggle {
    @include wh($resize_toggle_width, 100%);
    cursor: w-resize;
    user-select: none;
    flex: none;
    background-color: $resize_toggle_bgc;
    &:hover {
        background-color: $resize_toggle_bgc_hover;
    }
    &:global(.active) {
        background-color: $resize_toggle_bgc_active;
    }
}
